@charset "utf-8";
/* CSS Document */
/* public */
*{border:0;margin:0;padding:0;list-style:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
html,body{width:100%;height:100%;margin:0 auto;padding:0;border:0;font-family:"微软雅黑";font-size:12px;max-width:750px;position:relative;}
.box{width:100%;overflow:hidden;position:relative;}
.t_c{text-align:center !important;}
.background_white{background:#fff !important;}
.padding_bottom02{padding-bottom:44px !important;}
.padding_bottom03{padding-bottom:80% !important;}
.padding_bottom{padding-bottom:30% !important;}
.nav_background{background:#393a3f !important;}
.main_background{background:#e7381b !important;}
.main_background02{background:#fbf4ce !important;}
.no_border{border:0 !important;}
.no_padding{padding:0 !important;}
.no_pt{padding-top:0 !important;}
.font_red{color:#e7381b !important;}
.bg_orange{background:#fee797 !important;}
.f_l{float:left !important;}
.f_r{float:right !important;}
.top{width:100%;overflow:hidden;position:absolute;left:0;top:0;display:none;}
.top_02{width:100%;overflow:hidden;position:absolute;left:0;top:0;}
.top img,.top_02 img{width:100%;}
.center{width:90%;padding:45% 5% 0 5%;overflow:hidden;}
.center_p{padding-top:48%;}
.c_b{width:84%;overflow:hidden;padding:17% 8% 0 8%;border-radius:0 0 20px 20px;margin-top: -5px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
a{text-decoration:none;}
em,i{font-style:normal;}
.no_margin{margin:0 !important;}
.c_r{width:84%;overflow:hidden;border-radius:0 0 20px 20px;padding:15% 8% 0 8%;}
.font_ye{color:#e7851b !important;}
.guang{position:absolute;top:-20%;left:-25%;overflow:hidden;width:150%;height:48%;z-index:-2;}
.guang img{width:100%;}

/* nav */
.nav{width:100%;height:20px;position:fixed;left:0;bottom:0;padding:10px 0;}
.nav a{display:inline-block;float:left;line-height:20px;width:19%;border-right:1px solid #fff;font-size:14px;text-align:center;color:#fff;}

/* 绑定手机 */
.title{width:100%;font-size:20px;font-weight:normal;text-align:center;margin-bottom:10%;}
.bind{width:100%;overflow:hidden;}
.item{width:100%;overflow:hidden;margin-bottom:10%;text-align:center;}
.item input{height:40px;line-height:40px;font-size:15px;}
.iphone{width:95%;padding-left:5%;border-radius:5px;}
.rubik_btn{text-align:center;color:#fff;border-radius:0 5px 5px 0;width:35%;}
.code{width:95%;border-radius:5px;padding-left:5%;}
.btn{padding:0 15%;color:#fff;font-size:15px;line-height:40px;border-radius:5px;height:40px;display:inline-block;}

/* 充值记录 */
.recharge{width:100%;overflow:hidden;}
.recharge li{width:100%;border-bottom:1px dashed #fff;overflow:hidden;}
.recharge li span{display:inline-block;float:left;font-size:15px;line-height:40px;color:#e7381b;}
.recharge li em{display:inline-block;float:right;font-size:15px;line-height:40px;color:#000;}

/* 代理 */
.agent{width:100%;margin-top:10px;overflow:hidden;}
.agent img{width:100%;}
.agent_p{width:100%;font-size:20px;line-height:40px;}

/* 代理详情 */
.agent_ul{width:100%;overflow:hidden;}
.agent_ul li{width:100%;overflow:hidden;border-bottom:1px solid #d3d3d3;}
.agent_ul li a{display:inline-block;width:100%;height:100%;background:url(http://bao.4i1.cn/ge/images/arrow_r.png) no-repeat right center;background-size:10px;}
.agent_ul li span{display:inline-block;float:left;font-size:15px;line-height:40px;color:#000;}
.agent_ul li .t_01{background:url(http://bao.4i1.cn/ge/images/title01.png) no-repeat left center;background-size:25px;padding-left:50px; }
.agent_ul li .t_02{background:url(http://bao.4i1.cn/ge/images/title02.png) no-repeat left center;background-size:25px;padding-left:50px; }
.agent_ul li .t_03{background:url(http://bao.4i1.cn/ge/images/title03.png) no-repeat left center;background-size:25px;padding-left:50px; }
.a_1{background:url(http://bao.4i1.cn/ge/images/title01.png) no-repeat left center;display:inline-block;background-size:30px;line-height:40px;padding-left:40px;}
.a_2{background:url(http://bao.4i1.cn/ge/images/title02.png) no-repeat left center;display:inline-block;background-size:30px;line-height:40px;padding-left:40px;}
.a_3{background:url(http://bao.4i1.cn/ge/images/title03.png) no-repeat left center;display:inline-block;background-size:30px;line-height:40px;padding-left:40px;}

/* 拼手气 */
.fight{width:100%;overflow:hidden;padding-bottom:15px;}
.fight span{display:inline-block;float:left;font-size:15px;color:#e7381b;margin-top:15px;width:20%;text-align:center;}
.b_r{border-radius:20px;margin-top:15px;}
.t_p{padding-top:15px;}
.fight_box{text-align:center;overflow:hidden;}
.fight_box span{overflow:hidden;display:inline-block;float:inherit;width:45px;height:45px;background:#febeb4;border-radius:100%;margin-right:3.2%;line-height:45px;text-align:center;position:relative;}
.w_padding{padding:15% 5% 0 5%;width:90%;}
.fight_box span em{display:none;}
.fight_box span img{width:40px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-14px;}
.fight_box span img{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform: rotateY(360deg);}
}
.fight_box .no_m_r{margin-right:0;}
.cb_p{padding:0 5%;width:90%;}
.fight_box .span_change{background:#e7381b;}
.fight_box .span_change img{display:none;}
.fight_box .span_change em{display:inline-block;width:100%;height:100%;line-height:45px;color:#fff;text-align:center;font-size:15px;}
@media (min-width:375px){
    .fight_box span{overflow:hidden;display:inline-block;float:inherit;width:50px;height:50px;background:#febeb4;border-radius:100%;margin-right:4.3%;position:relative;}
    .fight_box span img{width:45px;position:absolute;left:50%;top:50%;margin-left:-22.5px;margin-top:-15.5px;}
    .fight_box .span_change em{display:inline-block;width:100%;height:100%;line-height:50px;color:#fff;text-align:center;font-size:15px;}
}

/* 个人中心 */
.personal{width:100%;overflow:hidden;}
.personal li{width:33.3%;overflow:hidden;float:left;}
.personal li span{display:block;text-align:center;width:100%;font-size:15px;color:#000;margin-bottom:10px;}
.personal_box{width:100%;overflow:hidden;}
.personal_box li{border-bottom:1px solid #dbdbdb;padding:10px 0;overflow:hidden;}
.personal_box li span{display:inline-block;float:left;font-size:15px;color:#000;line-height:30px;}
.personal_box li .info{display:inline-block;float:right;font-size:15px;color:#000;line-height:30px;padding:0 5px;border-radius:5px;background:#fec601;color:#fff;}
.bg01{background:url(http://bao.4i1.cn/ge/images/agent01.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg02{background:url(http://bao.4i1.cn/ge/images/red.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg03{background:url(http://bao.4i1.cn/ge/images/jin.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg04{background:url(http://bao.4i1.cn/ge/images/jin02.png) no-repeat left center;background-size:20px;padding-left:30px;}
.bg05{background:url(http://bao.4i1.cn/ge/images/person.png) no-repeat left center;background-size:20px;padding-left:30px;}
.r_aroow{width:100%;height:100%;background:url(http://bao.4i1.cn/ge/images/arrow_r02.png) no-repeat right center;float:right;background-size:contain;display:inline-block;background-size:10px;}

/* 佣金记录 */
.commission{width:100%;overflow:hidden;text-align:center;font-size:15px;color:#000;}
.commission span{display:inline-block;margin-top:10px;}

/* 转盘抽奖 */

.g-content {width: 100%;height: auto;font-family: "微软雅黑", "microsoft yahei";}
.g-content .g-lottery-case {width: 100%;height: 235px;margin: 0 auto;overflow: hidden;text-align:center;text-align:center;}
.g-content .g-lottery-case .g-left h2 {font-size: 12px;line-height: 32px;font-weight: normal;margin-left: 20px;display:none;}
.g-content .g-lottery-case .g-left {width: 100%;float: left;}
.g-lottery-box {width: 220px;height: 220px;position: relative;background: url(http://bao.4i1.cn/ge/images/ly-plate-c.gif) no-repeat;background-size:100%;display:inline-block;}
.g-lottery-box .g-lottery-img {width: 170px;height: 170px;position: relative;background: url(http://bao.4i1.cn/ge/images/bg-lottery.png) no-repeat;left: 25px;top: 25px;background-size:100%;}
.g-lottery-box .playbtn {width: 70px;height: 70px;position: absolute;top: 50px;left: 50px;background: url(http://bao.4i1.cn/ge/images/playbtn.png) no-repeat;background-size:100%;}
.btn_red{padding:0 5%;line-height:40px;font-size:15px;color:#fff;border-radius:5px;display:inline-block;margin-bottom:8%;}

/*步骤*/
.c_r h3{width:100%;font-size:20px;font-weight:normal;text-align:center;margin-top: -20px;margin-bottom: 0px;}
.c_r h4{width:100%;font-size:16px;font-weight:normal;text-align:center;margin: 8px 0 15px 0}
.pay_01{overflow:hidden;}
.pay_01 h2{font-size:16px;font-weight:normal;text-align:left;}
.pay_01 h1{font-size:40px;font-weight:normal; color: #e7381b;width:90%;text-align:center;height: 45px;}
.pay_01 h1 span{font-size: 12px;margin-right: 5px;}
.pay_01 .btn_a{width: 60%;text-align: center;height: 40px;font-size: 15px;color: #fff;border-radius: 5px;display:inline-block;line-height:40px;margin:15px 0}
.pay_01 .pay_g{background: #02b918;}
.pay_01 .pay_r{background: #e7381b;}

/*联系我们*/
.c_r .Qr-code{width: 50%;margin-left: 25%;margin-top: -20px; }
.c_r p{width: 86%;font-size: 14px;line-height: 1.5em;margin: 15px 0 20px 0;margin-left: 7%;}

/*抢红包*/
.red_envelope{margin-top: -30px;}
.red_envelope li{float: left;width: 50%; height: 130px;background: url(http://bao.4i1.cn/ge/images/red_bg.png) no-repeat center center;}
.red_envelope li a{display:block;width:100%;height:100%;overflow:hidden;color:#000;}
.red_envelope li h3{font-size: 14px;margin-top: 28px;font-weight: bold;}
.red_envelope li h4{font-size: 12px;margin: 0px;}
.red_envelope .list{margin-bottom: 30px;}

/*刮刮乐 scratch*/
.scratch{width:100%;overflow:hidden;position:relative;}
.scratch img{width:100%;}
.scratch .scra{position:absolute;left:20%;bottom:10%;width:61%;height:19%;line-height:32px;font-size:15px;color:#000;}
.btn_gua{width:74%;display:inline-block;color:#fff;font-size:15px;line-height:40px;margin-top:15px;border-radius:5px;}
.scratch .canvas{position:absolute;left:20%;top:71%;width:61%;height:19%;z-index: 2;}

.win ul li {
    height: 20px;
}
ul.marquee {
    /* required styles */
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    height: 20px;
}

ul.marquee li {
    /* required styles */
    position: absolute;
    top: -999em;
    left: 0;
    display: block;
    white-space: nowrap; /* keep all text on a single line */
}
#top_up{ width: 200px;height: 100px;background: #fff;position: fixed;z-index: 9999;top: 50%;margin-top: -60px;left: 50%;margin-left: -100px;display:none;border-radius: 5px;}
#top_up h4{font-size: 16px;font-weight: lighter;text-align: center;line-height: 40px;}
#top_up input{margin: 5px 10px;width: 178px;height: 28px; border: 1px #dbdbdb solid;}
#top_up a{width: 100px;height: 40px;font-size: 16px;display:inline-block;text-align: center;line-height: 40px;float: left;color: #000000;}

#tip{ width: 230px;height: 130px;background: #fff;position: fixed;z-index: 9999;top: 50%;margin-top: -60px;left: 50%;margin-left: -115px;display:none;border-radius: 5px;}
#tip h4{font-size: 16px;font-weight: lighter;text-align: center;line-height: 40px;}
#tip input{margin: 5px 10px;width: 178px;height: 28px; border: 1px #dbdbdb solid;}
#tip a{width: 100px;height: 40px;font-size: 16px;display:inline-block;text-align: center;line-height: 40px;float: left;color: #000000;}
#tip .top_up_blue{color: blue;}


#top_up .top_up_blue{color: blue;}
#mask_k{position: relative;}
#mask{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: #000;display: none;opacity: 0.3;z-index: 999;}


.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}





.jubao {
    top:7px;
    position: absolute;
    right: 5px;
    z-index: 9;
}
.jubao img {
    width: 40px;
}
/*排行榜*/
.ranking th,.ranking td {
    width: 24%;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px dashed red;
}
